.ban-hed {
    margin: 0 auto;
    display: block;
}
.top-nav {
    /* background: pink; */
    width: 1519.2px;
    height: 40px;
    margin: 0px auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px 190px 0px 190px;
    display: block;
    overflow: hidden;
    line-height: 40px;
}
.top-nav-wrapper {
    width: 1200px;
    margin: 0px auto;
}
.top-nav-l {
    float: left;
    padding: 0 16px;
    color: #71797f;
}

.top-nav-l li {
    margin-left: 14px;
}
.top-nav-l a {
    color: #71797f;
}
.top-nav-r a {
    color: #71797f;
}
.top-nav-l li {
    float: left;
}
.top-nav-r {
    float: right;
    padding: 0 16px;
}
.top-nav-r li {
    float: left;
}
.top-nav-r li {
    margin-left: 14px;
}
/* 搜索栏 */
.clearfix {
    width: 1520px;
    height: 120px;
    background: rgb(255, 255, 255);
    margin: 0px auto;
    padding: 0px 190px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.logo-nav {
    background: url(../img/common_sprite.png) no-repeat;
    background-position: 0 -248px;
    margin-top: 30px;
    width: 778px;
    height: 60px;
}
.search-box-group {
    width: 440px;
    height: 50px;
    border: 2px solid #ff734c;
    box-sizing: border-box;
    border-radius: 24px;
    position: absolute;
}
.search-icon {
    width: 54px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    float: left;
}
.search-box-input {
    width: 264px;
    height: 100%;
    position: relative;
}
.list {
    top: 47px;
    width: 285px;
    position: absolute;
    left: 37px;
    z-index: 999;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ff734c;
}
.list li {
    border-radius: 10px;
    font-size: 20px;
}
.search-box-btn {
    width: 118px;
    height: 46px;
    background-color: #ff734c;
    border-radius: 24px;
    float: right;
}
.search-box-btn button {
    height: 100%;
    width: 100%;
    border-radius: 24px;
    border: #ff734c;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: -webkit-gradient(linear, left top, right top, from(#ff734c), to(#ff3d12));
}
.cearch-flo {
    margin-left: 44px;
}
.cearch-flo li {
    float: left;
    margin: 0px 12px;
    margin-top: 8px;
}
.cearch-flo a {
    color: #737373;
}
/* <!-- 导航栏 --> */
.navi-cont {
    width: 1520px;
    height: 52px;
    /* background: cornflowerblue; */
    margin: 0px auto;
    padding: 0px 225px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.navi-cate {
    width: 240px;
    height: 52px;
    border-radius: 12px 12px 0 0;
    /* background-color: #FF734C; */
    background: -webkit-gradient(linear, left top, right top, from(#ff734c), to(#ff3d12));
    background: -webkit-linear-gradient(left, #ff734c 0%, #ff3d12 100%);
    display: flex;
    align-items: center;
    padding-left: 24px;
    box-sizing: border-box;
    position: relative;
}
.navi-cate.navi-titl {
    width: 240px;
    height: 52px;
}
.navi-cate .navi-nav a {
    margin-left: 5px;
    font-weight: bold;
    font-size: 18px;
}
/* .navi-cont ul{
    display: flex;
    justify-content: space-between;
} */
.navi-cate i {
    color: white;
    font-weight: bold;
}
.navi-cont .navi-nav li {
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-left: 16px;
}
#out {
    color: white;
    font-weight: bold;
    font-size: 18px;
}
.navi-cont .navi-nav a {
    color: black;
}
.navi-nav li:nth-child(9) a {
    color: #ff734c;
}
#dropdown {
    top: 52px;
    left: 0px;
    width: 240px;
    height: 480px;
    position: absolute;
    background: rgb(70, 62, 70, 0.5);
    box-sizing: border-box;
    padding-top: 10px;
    z-index: 1;
}
.dropdown-cate-item .right-pop {
    width: 960px;
    height: 480px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 240px;
    display: none;
    padding: 20px 36px;
    box-sizing: border-box;
}
.dropdown-cate-item .right-pop .rig-cen {
    width: 116px;
    height: 80px;
    margin-top: 30px;
    float: left;
    text-align: center;
    margin-left: 12px;
    margin-bottom: 12px;
}
.dropdown-cate-item .right-pop .rig-cen h4 {
    color: #71797f;
    margin-top: 10px;
}
.dropdown-cate-item .right-pop .rig-cen img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.dropdown-cate-item {
    padding: 9px 0px 80px 20px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}
.dropdown-cate-item h3 {
    margin-top: 2px;
    padding-left: 4px;
    padding-right: 28px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
.dropdown-cate-item a {
    font-size: 18px;
    /* font-weight: bold; */
    color: white;
}
.cate-list-cate-list-inline li {
    float: left;
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 0 4px;
}
.cate-list-cate-list-inline a {
    font-size: 14px;
    color: white;
}
/* 轮播图 */
.box {
    width: 1200px;
    height: 480px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.box .imgbox {
    position: absolute;
    left: 0;
}

.box .imgbox img {
    width: 1200px;
    height: 480px;
    float: left;
    overflow: hidden;
    background-size: cover;
}

.btns input {
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(200, 200, 200, 0.7);
    position: absolute;
    top: 130px;
}

.btns input:active {
    background: rgba(100, 100, 255, 0.6);
    color: #fff;
}

#left {
    left: 305px;
    top: 245px;
}

#right {
    right: 181px;
    top: 245px;
}
/* 服务 */
.referElem {
    width: 1520px;
    height: 60px;
    box-sizing: border-box;
    /* background: tomato; */
    margin: 0px auto;
    padding: 0px 225px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
    position: relative;
}
.ref-so {
    position: sticky;
    top: 20px;
    left: calc((100vw - 1200px) / 2 + 1210px);
    width: 60px;
    height: 372px;
    text-align: center;
    z-index: 999999;
    display: flex;
    float: left;
    background: #fff;
}
.bodys {
    position: relative;
}
.ref-so span {
    display: block;
}
.ref-so ul {
    display: flex;
    flex-direction: column;
}
.ref-so a {
    display: block;
    margin-top: 10px;
    color: rgba(35, 38, 40, 0.9);
}
.ref-so li {
    width: 59px;
    height: 60px;
    border: 1px solid #e9ecf0;
}
.referElem .ref-ul {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.referElem h4 {
    color: black;
}
/* <!-- 场景入口 --> */
.scene {
    width: 1200px;
    height: 376px;
    margin: 30px auto 60px;
    font-size: 0;
    /* background: cyan; */
    box-sizing: border-box;
}
.scene-list {
    display: block;
    border-radius: 8px;
    width: 288px;
    overflow: hidden;
    float: left;
    height: 376px;
}
.scene-item-horizontal {
    margin-top: 16px;
}
.scene .scene-list + .scene-list {
    margin-left: 15px;
}
.scene-list img:nth-child(3) {
    margin-top: 16px;
}
.scene-list img:nth-child(2) {
    margin-left: 16px;
}
.scene-clearfix {
    width: 1200px;
    margin: 30px auto 60px;
    font-size: 0;
    box-sizing: border-box;
}
.scene-item-vertical {
    display: flex;
    justify-content: space-between;
}
/* <!-- 楼层 爱情鲜花 --> */
.f-love1 {
    width: 100%;
    height: 816px;
    background-color: #f7f9fa;
    margin: 0px auto;
    overflow: hidden;
}
.f-love2 {
    width: 100%;
    height: 816px;
    background-color: #e9ecf0;
    margin: 0px auto;
    overflow: hidden;
}
.f-love3 {
    width: 100%;
    height: 816px;
    background-color: #f7f9fa;
    margin: 0px auto;
    overflow: hidden;
}
.f-container {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 60px;
    box-sizing: border-box;
    /* background: chocolate; */
}
.hd-1 {
    font-size: 26px;
    color: black;
}
.hd-1 span {
    font-size: 16px;
    color: black;
}
.hd-2 span {
    font-size: 16px;
    color: rgba(99, 57, 57, 0.699);
}
.f-love.bd {
    margin-top: 14px;
    font-size: 0;
}
.f-love.bd.bd-1 {
    display: inline-block;
    width: 288px;
    vertical-align: top;
}
.b-container {
    width: 1200px;
    height: 670px;
    /* background: lemonchiffon; */
    margin: 0 auto;
    position: relative;
}
.b-container .img1 {
    display: block;
    float: left;
}
.link-cover {
    width: 240px;
    height: 60px;
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.7);
    line-height: 56px;
    text-align: center;
    left: 16px;
    bottom: 40px;
}
.link-cover h1 {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    background: rgb(87, 72, 72, 0.5);
}
.r-container {
    width: 912px;
    height: 670px;
    float: left;
    /* background: lightcoral; */
}
.r-con-1 {
    width: 212px;
    height: 319px;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    text-align: center;
    line-height: 25px;
    float: left;
    margin-left: 16px;
    margin-bottom: 16px;
}
.r-con-1 img {
    width: 100%;
    height: 231px;
}
.r-con-1 span {
    color: black;
    font-size: 16px;
    font-weight: bold;
}
.r-con-1 h2 {
    color: black;
}
.r-con-1 h4 {
    font-size: 12px;
    color: #71797f;
}

/* 蛋糕 */

.back-cake {
    width: 100%;
    height: 900px;
    background: #e9ecf0;
    margin: 0px auto;
    padding: 40px 0 60px;
}
.cake-t {
    width: 1200px;
    height: 30px;
    margin: 0px auto;
    box-sizing: border-box;
    line-height: 30px;
}
.cake-t h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    float: left;
    color: black;
}
.cake-t span {
    padding-left: 15px;
    margin-left: 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    border-left: 1px solid #71797f;
    float: left;
}
.cake-t h3 {
    font-size: 14px;
    line-height: 30px;
    color: #71797f;
    float: right;
}
.cake-banne {
    width: 1200px;
    height: 448px;
    background: #fff;
    margin: 30px auto;
    padding: 16px 0 28px;
}
.cake-banne .cake-title {
    width: 288px;
    height: 48px;
    float: left;
    padding-left: 24px;
    font-size: 18px;
    line-height: 48px;
    background-color: #ff734c;
    border-radius: 0 100px 100px 0;
    font-size: 18px;
    color: #fff;
}
.cake-banne .cake-title h2 {
    float: left;
}
.cake-banne .cake-title h3 {
    margin-left: 42px;
    float: left;
}
.cake-banne .cake-title a {
    font-size: 18px;
    color: #fff;
}
.cake-cities {
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: space-evenly;
}
.cake-cities a {
    color: rgb(0, 0, 0);
}
.cake-brand {
    float: left;
    width: 168px;
    height: 124px;
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-content: space-around;
}
.cake-brand img {
    width: 108px;
    height: 60px;
}
.cake-brand a {
    color: #737373;
}
.cake-products {
    width: 1200px;
    margin: 0px auto;
    display: flex;
    margin-top: 12px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cake-products .products-item {
    width: 227px;
    padding: 8px 8px 0;
    background: #fff;
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 10px;
}
.cake-products .products-item img {
    width: 100%;
    height: 240px;
    border-radius: 8px;
}
.cake-products .products-item p {
    font-size: 16px;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
}
.cake-products .products-item span {
    color: black;
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
    margin-top: 5px;
}
.cake-products .products-item h3 {
    margin-top: 6px;
    font-size: 12px;
    color: #71797f;
    line-height: 16px;
}

/* 礼品 */

.gifts {
    width: 100%;
    height: 986px;
    background: #f7f9fa;
    margin: 0 auto;
    padding: 40px 0 60px;
}
.gifts-banner {
    margin: 15px auto;
    padding: 14px 0;
    background-color: #fff;
    border-radius: 8px;
    width: 1200px;
    height: 157px;
}
.gifts-banner .gifts-t {
    display: flex;
    justify-content: space-around;
}
.gifts-banner .gifts-t a {
    color: #737373;
    font-size: 14px;
    line-height: 18px;
}
.gifts-b {
    width: 116px;
    height: 84px;
    text-align: center;
    float: left;
    margin-top: 30px;
    margin-right: 50px;
}
.gifts-b img {
    width: 100%;
}
.gifts p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
}

/* 晒单 */

.comments {
    width: 100%;
    height: 483px;
    margin: 0 auto;
    padding: 40px 0 60px;
    background-color: #e9ecf0;
}
.comments .comm-item {
    width: 1200px;
    margin: 0 auto;
}
.comm-item .comm-items {
    float: left;
    width: 268px;
    height: 176px;
    margin: 0 8px 8px;
    padding: 8px;
    color: #232628;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 20px;
}
.comm-item .comm-l {
    width: 143px;
    height: 24px;
    line-height: 24px;
    float: left;
    overflow: hidden;
}
.comm-item .comm-l img {
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 50%;
}
.comm-item .comm-l h4 {
    font-size: 12px;
    color: #71797f;
    line-height: 24px;
    padding-left: 12px;
    float: left;
}
.comm-item .comm-items .comm-c {
    width: 143px;
    height: 100px;
    margin-top: 8px;
    float: left;
}
.comm-item .comm-items .comm-item-l {
    width: 154px;
    height: 100%;
    float: left;
}
.comm-item .comm-items .comm-item-l h6 {
    font-size: 12px;
    color: #b4babf;
}
#r-img {
    width: 42%;
    height: 100%;
    float: right;
    border-radius: 7%;
    object-fit: cover;
}

/* 尾部服务 */
.server {
    width: 100%;
    height: 730px;
    background-color: #f7f9fa;
    overflow: hidden;
}
.server .server-bd {
    width: 1200px;
    height: 730px;
    margin: 0 auto;
    padding-top: 40px;
    /* background: silver; */
}
.server .server-bd .articles {
    width: 1200px;
    height: 280px;
    background: #fff;
}
.server .server-bd .articles .articles-hd {
    width: 1200px;
    height: 53px;
    padding: 0 32px;
    border-bottom: 1px solid #e9ecf0;
    box-sizing: border-box;
}
.server .server-bd .articles .articles-hd h1 {
    font-size: 20px;
    line-height: 52px;
    font-weight: bold;
    color: #232628;
    float: left;
}
.server .server-bd .articles .articles-hd a {
    float: right;
    font-size: 14px;
    line-height: 52px;
    color: #71797f;
}
.server .server-bd .articles .articles-bd {
    width: 100%;
}
.server .server-bd .articles .articles-bd li {
    float: left;
    width: 370px;
    line-height: 28px;
    color: #232628;
    margin-left: 30px;
}
.server .server-bd .articles .articles-bd li a {
    font-size: 12px;
    line-height: 28px;
    color: #232628;
}
.server .server-bd .server-list {
    width: 1200px;
    height: 160px;
    border-bottom: 1px solid #e9ecf0;
    padding: 20px 0;
}
.server .server-bd .server-list i {
    float: left;
    font-size: 40px;
    margin-right: 16px;
    color: darkorange;
}
.server .server-bd .server-list ul {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.server .server-bd .server-list li {
    width: 122px;
    line-height: 20px;
    color: rgb(0, 0, 0);
}
.server .server-bd .server-list h3 {
    color: rgb(0, 0, 0);
}
.server .server-bd .help-container {
    width: 1200px;
    height: 150px;
    /* background: rosybrown; */
    padding-top: 36px;
    padding-bottom: 40px;
}
.server .server-bd .help-container .help-server {
    width: 197px;
    height: 147px;
    float: left;
    box-sizing: border-box;
}
.server .server-bd .help-container .help-server .ser-list {
    margin-top: 7px;
    float: left;
}
.server .server-bd .help-container .help-server .ser-list li {
    width: 68px;
    font-size: 12px;
    line-height: 24px;
}
.server .server-bd .help-container .help-server .ser-list a {
    color: #71797f;
}
.server .server-bd .help-container .help-infos {
    width: 225px;
    height: 127px;
    float: left;
}
.server .server-bd .help-container .help-infos li {
    font-size: 12px;
    line-height: 24px;
}
.server .server-bd .help-container .help-infos a {
    color: #71797f;
}
.server .server-bd .help-container .help-contact-kf {
    width: 100px;
    height: 32px;
    margin-top: 4px;
    border-radius: 16px;
    background-color: #ff734c;
    line-height: 32px;
    text-align: center;
    color: #fff;
}
.server .server-bd .help-container .help-qrcode-item {
    width: 120px;
    height: 148px;
    float: left;
    margin-left: 72px;
}
.server .server-bd .help-container .help-qrcode-item img {
    width: 120px;
    height: 120px;
}

/* 尾部 */

.footer {
    width: 100%;
    height: 248px;
    background-color: #232628;
}
.footer-cent {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 0px 0;
}
.footer-cent .foot-u1 {
    display: flex;
}
.footer-cent .foot-u1 li {
    border-right: 1px solid #fff;
}
.footer-cent .foot-u1 li a {
    color: #fff;
    font-size: 16px;
    margin-right: 28px;
    margin-left: 33px;
}
.footer-cent .foot-u1 .fot-lis {
    border: none;
}
.ft-site {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}
.ft-site a {
    color: #71797f;
    font-size: 12px;
}
.ft-site em {
    color: #71797f;
    font-size: 12px;
}
.ft-site p {
    line-height: 22px;
}
.ft-auth {
    margin-top: 7px;
    width: 1200px;
}
.ft-auth .icon-slogan {
    height: 40px;
    background-image: url(../img/common_sprite.png);
    background-position: -518px -136px;
    background-repeat: no-repeat;
    vertical-align: top;
    display: inline-block;
    width: 149px;
    margin-right: 12px;
}
.ft-auth .icon-top100 {
    height: 40px;
    background-image: url(../img/common_sprite.png);
    background-position: -676px -136px;
    background-repeat: no-repeat;
    vertical-align: top;
    display: inline-block;
    width: 123px;
    margin-right: 12px;
}
.ft-auth .icon-icp {
    height: 40px;
    background-image: url(../img/common_sprite.png);
    background-position: -809px -136px;
    background-repeat: no-repeat;
    vertical-align: top;
    display: inline-block;
    width: 33px;
    margin-right: 12px;
}
.ft-auth img {
    width: auto;
    height: 40px;
    background-color: #fff;
}
.ft-link span {
    color: #71797f;
}
.ft-link {
    line-height: 22px;
}
.target {
    width: 100%;
    height: 480px;
    overflow: hidden;
    position: relative;
}

.target img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
